﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<!--轮播图js-->
<script type="text/javascript" src="js/script.js"></script>
<!--轮播图js end-->
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
</head>


<body>
<script type="text/javascript">
	$(function(){
		var u = JSON.parse(localStorage.getItem("user"));
		console.log(u);
		if (u!=null) {
			$("#spanDengLu").hide();
			$("#huanying").show();
			$("#antui").show();
			$("#uname").html(u.username);
		}
		$.post("getRecommends",{},function(res){
			
				console.log(res);
			for (var i = 0; i < res.length; i++) {
				if(res[i].position=="推荐A"){
					
					$("#productA").append(`
							<div class="products">
							<div class="products-img">
							<a href="products_show.html?id=${res[i].id}"
								title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img
								src="images/${res[i].product.img}" alt=""></a> <span class="hot-label"><img
								src="images/hot.png" alt=""></span>
						</div>
						<div class="products-title2">
							<a href="products_show.html?id=${res[i].id}">${res[i].product.name}</a>
						</div>
						<div class="products-title3">
							<ul>
								<li><a class="procuts-label" title="包邮">包邮</a></li>
								<li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
								<li><a class="procuts-label" title="满100减">满100元减</a></li>
							</ul>
						</div>
						<div class="products-piece">
							<span class="piece" title="￥1499.00">￥${res[i].product.sellPrice}</span> <span
								class="count" title="已售99件">已售99件</span>
						</div>
						</div>
					`);
				}
			} 
			for (var i = 0; i < res.length; i++) {
				if(res[i].position=="推荐B"){
					$("#productB").append(`
							<div class="products">
							<div class="products-img">
							<a href="products_show.html?id=${res[i].id}"
								title="耀V11现货，特价出手，新人在免200元，赶快来抢购吧~~~~~"><img
								src="images/${res[i].product.img}" alt=""></a> <span class="hot-label"><img
								src="images/${res[i].product.img}" alt=""></span>
						</div>
						<div class="products-title2">
							<a href="products_show.html?id=${res[i].id}">${res[i].product.name}</a>
						</div>
						<div class="products-title3">
							<ul>
								<li><a class="procuts-label" title="包邮">包邮</a></li>
								<li><a class="procuts-label" title="支持花呗">支持花呗</a></li>
								<li><a class="procuts-label" title="满100减">满100元减</a></li>
							</ul>
						</div>
						<div class="products-piece">
							<span class="piece" title="￥1499.00">￥${res[i].product.sellPrice}</span> <span
								class="count" title="已售99件">已售99件</span>
						</div>
						</div>
					`);
				}
			}
		},"json");
	});
	function logout(){
		localStorage.setItem("user",null);

	}
</script>
	<!--header-->
	<div class="header2">
		<div class="header-box">
			<div class="header">
				<div class="header-left-title">
					<!-- <div id="huanying" class="welcome">
						<img class="icon" src="images/icon/welcome.png" alt="">&nbsp;欢迎来到<a
							href="">AnJunDCM官网</a>!
					</div> -->
					<div class="login">
						<span id="spanDengLu">
							<a href="login.html">登陆</a>&nbsp;丨&nbsp;
							<a href="reg.html">免费注册</a>
						</span>
						<span id="huanying" style="display: none">
							欢迎:<span id="uname"></span>
							 
							<a href="xiupassword.html">修改密码</a>
						</span>
						<span id="antui" style="display: none">
							<a href="tui" onclick="logout()" class="log-go">退出</a>
						</span>						
					</div>
					
				</div>
				<div class="header-center-title">
					<ul>
						<li><a href="home/user.html">我的AnJun</a></li>
						<li><a href="cart.html">购物车</a></li>
						<li><a href="">我的订单</a></li>
						<li><a href="">收藏网站</a></li>
						<li><a href="">积分</a></li>
					</ul>


				</div>
				<div class="header_right_title">
					<ul>
						<li><a href="">我要供货</a></li>
						<li><a href="">客服中心<i class="kefu-icon"><img
									src="images/kefu.png" alt="" width="20" height="20"></i></a></li>

					</ul>

				</div>


			</div>
			<div class="header-nav-box">
				<div class="nav">
					<div class="nav-logo">
						<a href="" class="logo"><img src="images/logo.png" alt=""></a>
					</div>
					<div class="nav-search-box">
						<form action="" name="fomr1">
							<div class="nav-search">
								<div class="bar1">
									<input type="text" placeholder="请输入您要搜索的内容..." class="text">
									<button type="submit" class="btn">搜索</button>
								</div>
							</div>
						</form>
					</div>
					
				</div>
				<div class="nav-daohang">
					<div class="daohang">
						<ul>
							<li><a href="goods.html">全部分类</a></li>
							<li><a href="index.html">首页</a></li>
							<li><a href=""> 选品采购</a></li>
							<li><a href="daigou.html">指定代购</a></li>
							<li><a href="need.html"> 需求提交</a></li>
							<li><a href="">个性定制</a></li>
							<li><a href="wl-case.html">物流方案</a></li>
							<li><a href="join.html">我要入驻</a></li>
							<li><a href="us.html">关于我们</a></li>

						</ul>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!--hearder end!-->

	<!--main-->
	<div class="main-box">
		<div class="main">
			<!--main left-->
			<div class="main-left">
				<!--左侧菜单-->
				<div class="sec-mainL left">
					<div class="mainL-hd-box">
						<h2 class="mainL-hd">
							<a href="goods.html" target="_blank">全部商品分类</a>
						</h2>
					</div>
					<!--菜单列表-->
					<ul class="sec-mainNav">
						<li>
							<h3>男女时装</h3>
							<div class="menu-tab">
								<a href="">男装</a> <a href="">女装</a> <a href="">休闲衣服</a> <a
									href="">休闲裤子</a>
								<div class="fix"></div>
							</div> <span class="menu-more">更多</span> <!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">男装</a> <a href="">女装</a> <a href="">休闲衣服</a> <a
											href="">休闲裤子</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li><a href=""><img src="images/0.png" /></a></li>
										<li><a href=""><img src="images/0 (1).png" /></a></li>
										<li><a href=""><img src="images/0 (2).png" /></a></li>
										<li><a href=""><img src="images/0 (3).png" /></a></li>
										<li><a href=""><img src="images/0.jpg" /></a></li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn"> <span>查看全部商家</span> <em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>内衣 配饰</h3>
							<div class="menu-tab">
								<a href="">美食特产</a> <a href="">酒水茶叶</a> <a href="">蛋糕预订</a>
								<div class="fix"></div>
							</div> <span class="menu-more">更多</span> <!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">美食特产</a> <a href="">酒水茶叶</a> <a href="">蛋糕预订</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li><a href=""><img src="images/0.png" /></a></li>
										<li><a href=""><img src="images/0 (1).png" /></a></li>
										<li><a href=""><img src="images/0 (2).png" /></a></li>
										<li><a href=""><img src="images/0 (3).png" /></a></li>
										<li><a href=""><img src="images/0.jpg" /></a></li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn"> <span>查看全部商家</span> <em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>鞋靴 箱包</h3>
							<div class="menu-tab">
								<a href="">鞋靴</a> <a href="">箱包</a>

								<div class="fix"></div>
							</div> <span class="menu-more">更多</span> <!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">鞋靴</a> <a href="">箱包</a>

									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li><a href=""><img src="images/0.png" /></a></li>
										<li><a href=""><img src="images/0 (1).png" /></a></li>
										<li><a href=""><img src="images/0 (2).png" /></a></li>
										<li><a href=""><img src="images/0 (3).png" /></a></li>
										<li><a href=""><img src="images/0.jpg" /></a></li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn"> <span>查看全部商家</span> <em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>运动 户外</h3>
							<div class="menu-tab">
								<a href="">运动</a> <a href="">户外</a> <a href="">护具</a>
								<div class="fix"></div>
							</div> <span class="menu-more">更多</span> <!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">运动</a> <a href="">户外</a> <a href="">护具</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li><a href=""><img src="images/0.png" /></a></li>
										<li><a href=""><img src="images/0 (1).png" /></a></li>
										<li><a href=""><img src="images/0 (2).png" /></a></li>
										<li><a href=""><img src="images/0 (3).png" /></a></li>
										<li><a href=""><img src="images/0.jpg" /></a></li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn"> <span>查看全部商家</span> <em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>家居 百货</h3>
							<div class="menu-tab">
								<a href="">家居</a> <a href="">百货</a> <a href=""></a>
								<div class="fix"></div>
							</div> <span class="menu-more">更多</span> <!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">家居</a> <a href="">百货</a>

									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li><a href=""><img src="images/0.png" /></a></li>
										<li><a href=""><img src="images/0 (1).png" /></a></li>
										<li><a href=""><img src="images/0 (2).png" /></a></li>
										<li><a href=""><img src="images/0 (3).png" /></a></li>
										<li><a href=""><img src="images/0.jpg" /></a></li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn"> <span>查看全部商家</span> <em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>家纺 家饰</h3>
							<div class="menu-tab">
								<a href="">家纺</a> <a href="">家饰</a>

								<div class="fix"></div>
							</div> <span class="menu-more">更多</span> <!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">家纺</a> <a href="">家饰 </a>

									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li><a href=""><img src="images/0.png" /></a></li>
										<li><a href=""><img src="images/0 (1).png" /></a></li>
										<li><a href=""><img src="images/0 (2).png" /></a></li>
										<li><a href=""><img src="images/0 (3).png" /></a></li>
										<li><a href=""><img src="images/0.jpg" /></a></li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn"> <span>查看全部商家</span> <em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>童装 母婴 玩具</h3>
							<div class="menu-tab">
								<a href="">童装</a> <a href="">母婴</a> <a href="">玩具</a>
								<div class="fix"></div>
							</div> <span class="menu-more">更多</span> <!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">童装</a> <a href="">母婴</a> <a href="">玩具</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li><a href=""><img src="images/0.png" /></a></li>
										<li><a href=""><img src="images/0 (1).png" /></a></li>
										<li><a href=""><img src="images/0 (2).png" /></a></li>
										<li><a href=""><img src="images/0 (3).png" /></a></li>
										<li><a href=""><img src="images0.jpg" /></a></li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn"> <span>查看全部商家</span> <em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>数码 家电</h3>
							<div class="menu-tab">
								<a href="">数码</a> <a href="">家电</a> <a href="">配件</a>
								<div class="fix"></div>
							</div> <span class="menu-more">更多</span> <!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">数码</a> <a href="">家电</a> <a href="">配件</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li><a href=""><img src="images/0.png" /></a></li>
										<li><a href=""><img src="images/0 (1).png" /></a></li>
										<li><a href=""><img src="images/0 (2).png" /></a></li>
										<li><a href=""><img src="images/0 (3).png" /></a></li>
										<li><a href=""><img src="images/0.jpg" /></a></li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn"> <span>查看全部商家</span> <em></em>
								</a>
							</div>
						</li>
						<li>
							<h3>美容化妆 个护家清</h3>
							<div class="menu-tab">
								<a href="">美容</a> <a href="">化妆</a> <a href="">个户家清</a>
								<div class="fix"></div>
							</div> <span class="menu-more">更多</span> <!--二级菜单-->
							<div class="menu-panel">
								<div class="menu-panel-hd">
									<h4>热门分类</h4>
									<div class="sub-group">
										<a href="">美容</a> <a href="">化妆</a> <a href="">个户家清</a>
									</div>
								</div>
								<div class="menu-panel-bd">
									<ul>
										<li><a href=""><img src="images/0.png" /></a></li>
										<li><a href=""><img src="images/0 (1).png" /></a></li>
										<li><a href=""><img src="images/0 (2).png" /></a></li>
										<li><a href=""><img src="images/0 (3).png" /></a></li>
										<li><a href=""><img src="images/0.jpg" /></a></li>
									</ul>
								</div>
								<a href="" class="menu-panel-btn"> <span>查看全部商家</span> <em></em>
								</a>
							</div>
						</li>
					</ul>
				</div>

			</div>
			<!--main left-->
			<div class="main-center">
				<!--轮播图-->
				<div id="flash">
					<div id="prev">
						<img src="images/prev.png" width="40" height="40" alt="">
					</div>
					<div id="next">
						<img src="images/next.png" width="40" height="40" alt="">
					</div>
					<ul id="play">
						<li style="display: block;"><img src="images/banner1.png"
							alt="" width="900" height="400" /></li>
						<li><img src="images/banner2.png" alt="" width="900"
							height="400" /></li>
						<li><img src="images/banner1.png" alt="" width="900"
							height="400" /></li>
						<li><img src="images/banner2.png" alt="" width="900"
							height="400" /></li>
						<li><img src="images/banner1.png" alt="" width="900"
							height="400" /></li>
						<li><img src="images/banner2.png" alt="" width="900"
							height="400" /></li>
					</ul>
					<ul id="button">
						<li><div style="background: #A10000;">1</div></li>
						<li><div>2</div></li>
						<li><div>3</div></li>
						<li><div>4</div></li>
						<li><div>5</div></li>
						<li><div>6</div></li>
					</ul>
				</div>
				<!--轮播图end-->
				<div class="main-bottom">
					<ul>
						<li><a href=""><img src="images/1.jpg" title="健康防护"></a></li>
						<li><a href=""><img src="images/2.jpg" title="趣味家居"></a></li>
						<li><a href=""><img src="images/3.jpg" title="美味生活"></a></li>

					</ul>

				</div>
				<div class="main-bottom-case">
					<ul>
						<li><a href=""><img src="images/pinpai.png" alt=""></a></li>
						<li><a href=""><img src="images/vi.png" alt=""></a></li>
						<li><a href=""><img src="images/dingzhi.jpg" alt=""></a></li>
						<li><a href=""><img src="images/kucun.png" alt=""></a></li>
					</ul>
				</div>

			</div>

			<div class="login-box">
				<div class="login-title">
					<span class="log-img"><img src="images/log.png" width="50"
						height="50" alt=""></span> <span class="log-text">
						<ul>
							<li><a href="">亲，下午好！</a></li>
							<li><a href="">新人福利领取~</a></li>
						</ul>
					</span>

					<div class="log-main">
						<ul>
							<li><img src="images/log2.png" width="25" height="25" alt="">&nbsp;<input
								type="text" class="log-int"></li>
							<li><img src="images/psw.png" width="25" height="25" alt="">&nbsp;<input
								type="password" class="log-int"></li>
							<li><button type="submit" class="log-go">登录</button></li>
							<li><button type="submit" class="log-go">注册</button></li>
						</ul>
						<div class="log-list">
							<ul>
								<li class="li1"><a href=""> <img class="icon"
										src="images/icon/liwu.png" alt="" width="14" height="14">
										<span>新人福利</span></a></li>
								<li class="li2"><a href=""> <img class="icon"
										src="images/icon/vip.png" alt="" width="14" height="14">
										<span>会员权利</span></a></li>
								<li class="li3"><a href=""> <img class="icon"
										src="images/icon/tuijian.png" alt="" width="14" height="14">
										<span>推荐有奖</span></a></li>
								<li class="li4"><a href=""> <img class="icon"
										src="images/icon/huiyuan.png" alt="" width="14" height="14">
										<span>会员中心</span></a></li>
								<li class="li5"><a href=""> <img class="icon"
										src="images/icon/order.png" alt="" width="15" height="15">
										<span>订单查询</span></a></li>
								<li class="li6"><a href=""> <img class="icon"
										src="images/vip.png" alt="" width="15" height="15"> <span>我的积分</span></a></li>
							</ul>

						</div>
					</div>


				</div>

			</div>

			<div class="msg-box">

				<div id="tab">
					<h3 class="active" id="two1"
						onmouseover="setContentTab(&#39;two&#39;,1,3)">公告</h3>
					<h3 id="two2" onmouseover="setContentTab(&#39;two&#39;,2,3)">规则</h3>
					<h3 id="two3" onmouseover="setContentTab(&#39;two&#39;,3,3)">新手入门</h3>

					<div class="content" id="con_two_1">
						<ul class="tab-margin">
							<li><a href="">安骏DS官网隆重上线!&nbsp<span>2020-5-9</span></a></li>
							<li><a href="" title="安骏DS官网隆重上线！">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
							<li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
							<li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
							<li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>
							<li><a href="">安骏DS官网隆重上线！&nbsp<span>2020-5-9</span></a></li>

						</ul>
					</div>

					<div id="con_two_2">
						<ul class="tab-margin">
							<li><a href="">新手入门22</a></li>
							<li><a href="">新手入门2</a></li>
							<li><a href="">新手入门2</a></li>
							<li><a href="">新手入门2</a></li>
						</ul>
					</div>
					<div id="con_two_3">
						<ul class="tab-margin">
							<li><a href="">新手入门3</a></li>
							<li><a href="">新手入门3</a></li>
							<li><a href="">新手入门3</a></li>
							<li><a href="">新手入门3</a></li>
						</ul>
					</div>


				</div>

			</div>



		</div>

		<div class="solid"></div>
		<!--main products-->

		<div  class="products-box">
			<div  class="products-title">
				<span class="rq">人气推荐<img src="images/icon/tuijian.png"
					alt="" width="30" height="30"></span> <span class="tishi">温馨提示：根据您的浏览为您推荐</span>
				<span class="all-title"><a href="goods.html">查看全部</a></span>
			</div>

			<!--循环products-->
			<div id="productA"  class="">
			
			</div>
			<!--循环products-->




		</div>
		<!--main products end!-->

	</div>
	<!--main end!-->
	<!--优惠活动-->
	<div class="youhui-products-box">
		<div class="youhui">
			<div class="products-title">
				<span class="rq">优惠活动<img src="images/icon/tuijian.png"
					alt="" width="30" height="30"></span> <span class="tishi">温馨提示：根据您的浏览为您推荐</span>
				<span class="all-title"><a href="goods.html">查看全部</a></span>
			</div>
			<!--循环products-->
			<div id="productB"  class="">
			
			</div>
			<!--循环products-->

			

		</div>
	</div>
	<!--优惠活动end-->



	<!--流程-->

	<div class="liucheng-box">
		<div class="liucheng">

			<div class="liucheng-content">
				<div class="liucheng-title">
					<span><img src="images/icon/zhinan2.png" alt="" width="50"
						height="50">&nbsp;新手指南</span>
				</div>
				<div class="liucheng-message">安骏DS官网是做什么的?怎么加入会员，怎么注册帐号?怎么入驻?我是新手,怎么使用安骏的DS仓储系统?</div>
				<div class="liaojie-btn">
					<a href="">查看详情</a>
				</div>
			</div>

			<div class="liucheng-content">
				<div class="liucheng-title">
					<span><img src="images/icon/cangku.png" alt="" width="50"
						height="50">&nbsp;供应商入驻</span>
				</div>
				<div class="liucheng-message">入驻平台轻松获得源源不断的靠谱订单，降低市场开拓成本,作为核心企业供应商，获得全业务场景曝光</div>
				<div class="liaojie-btn">
					<a href="">查看详情</a>
				</div>
			</div>

			<div class="liucheng-content">
				<div class="liucheng-title">
					<span><img src="images/icon/zhifu2.png" alt="" width="50"
						height="50">&nbsp;支付方式</span>
				</div>
				<div class="liucheng-message">安骏DS官网支付方式支持多个平台，微信，支付宝，银联，前海支付，信用卡等多种方式,满足广大客户需求。</div>
				<div class="liaojie-btn">
					<a href="">查看详情</a>
				</div>
			</div>

			<div class="liucheng-content">
				<div class="liucheng-title">
					<span><img src="images/icon/daifa.png" alt="" width="50"
						height="50">&nbsp;一件代发</span>
				</div>
				<div class="liucheng-message">安骏提供仓储系统，提供一件代发，为客户解决积压货物烦恼，为客户节省更多开支~！</div>
				<div class="liaojie-btn">
					<a href="">查看详情</a>
				</div>
			</div>

			<div class="liucheng-content">
				<div class="liucheng-title">
					<span><img src="images/icon/yunshu.png" alt="" width="50"
						height="50">&nbsp;运输方案</span>
				</div>
				<div class="liucheng-message">安骏自身拥有多年跨境经验，可为客户提供多种运输渠道方案，快速，安全，价格透明。</div>
				<div class="liaojie-btn">
					<a href="">查看详情</a>
				</div>
			</div>

		</div>

	</div>
	<!--流程end-->
	<!--footer-->
	<div class="footer-box">
		<div class="footer-list-box">
			<div class="footer-list">
				<ul>
					<img src="images/icon/about.png" alt="" width="20" height="20">&nbsp;关于我们
					<li class="magin"><a href="">关于安骏</a></li>
					<li><a href="">产品服务</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">企业文化</a></li>
				</ul>
			</div>

			<div class="footer-list">
				<ul>
					<img src="images/icon/zhinan.png" alt="" width="20" height="20">&nbsp;新手指南
					<li class="magin"><a href="">新手福利</a></li>
					<li><a href="">推荐有奖</a></li>
					<li><a href="">会员中心</a></li>
					<li><a href="">我的积分</a></li>
					<li><a href="">客服中心</a></li>
				</ul>
			</div>

			<div class="footer-list">
				<ul>
					<img src="images/icon/zhifu.png" alt="" width="20" height="20">&nbsp;支付方式
					<li class="magin"><a href="">支付宝</a></li>
					<li><a href="">WeChat</a></li>
					<li><a href="">前海支付</a></li>
					<li><a href="">银联支付</a></li>
					<li><a href="">其它支付</a></li>
				</ul>
			</div>

			<div class="footer-list">
				<ul>
					<img src="images/icon/daohang.png" alt="" width="20" height="20">&nbsp;网站导航
					<li class="magin"><a href="">选品采购</a></li>
					<li><a href="">指定代购</a></li>
					<li><a href="">需求提交</a></li>
					<li><a href="">我要入驻</a></li>
					<li><a href="http://www.bootstrapmb.com/">系统登录</a></li>
				</ul>
			</div>

			<div class="footer-list">
				<ul>
					<img src="images/kefu.png" alt="" width="20" height="20">&nbsp;客服电话：
					<li class="magin" id="phone"><a href="">0755-12345678</a></li>
					<li><a href="">地址：深圳市龙岗区坂田街道格泰隆工业园</a></li>
					<li><a href="">邮箱：123456789@qq.com</a></li>

				</ul>
			</div>

			<div class="footer-list" style="margin-left: 100px;">
				<ul>
					<img src="images/app.jpg" alt="" width="150" height="150">
					<li class="magin" id="guanzhu"><a href="">关注安骏</a></li>

				</ul>
			</div>


		</div>
		<div class="footer-footer">© 2020-2020 AnJun DCM All Rights
			Reserved 9.0 备案号：123456789</div>

	</div>
	<!--footer end!-->

	<!--左侧导航JS-->
	<script type="text/javascript">
    $(function() {
        var $top = $('.sec-mainNav').offset().top + $('.sec-mainNav').height()
        //左侧导航动画
        $('.sec-mainNav li').on('mouseenter', function() {
            var $height = $(this).offset().top + $(this).find('.menu-panel').outerHeight();
            $(this).find('.menu-panel').show();
            if($height - $top >= 0) {
                $(this).find('.menu-panel').css({
                    top: -($height - $top) + 'px'
                })
            };
        });
        $('.sec-mainNav li').on('mouseleave', function() {
            $(this).find('.menu-panel').hide();
        });
    });
</script>
	<!--选项卡js-->
	<script type="text/javascript">
    function setContentTab(name, curr, n) {
        for (i = 1; i <= n; i++) {
            var menu = document.getElementById(name + i);
            var cont = document.getElementById("con_" + name + "_" + i);
            menu.className = i == curr ? "active" : "";
            if (i == curr) {
                cont.style.display = "block";
            } else {
                cont.style.display = "none";
            }
        }
    }
</script>


</body>
</html>